@import "../_config.scss";

.payments-pay-back{
  background-color: $color-default;
  padding: 15px;

  .hot-line{
    width: 100%;
  }
  .panel{
    .panel-body, .panel-footer{
      border: 0;
    }
    border: 1px solid $color-border;
    border-radius: 0;

    .panel-body{
      border-bottom: 1px solid $color-border;
    }
    .panel-footer{
      padding: 30px 15px;
    }
  }

  .panel-body{
    padding-bottom: 40px;
  }

  .panel-footer{
    background-color: #FCFCFC;
  }

  .tips{
    p{
      &:not(:first-child){
        color: $color-normal;
      }
    }
  }
}


.mobile-payments-pay-back{
  background-color: $color-bg;
  height: 100%;

  .line{
    margin: 0;
    border-width: 10px;
    border-width: 2.66vw;
  }
  .tips{
    background-color: #fff;

    padding: 20px 20px 40px 20px;
    padding: 5.33vw 5.33vw 10.66vw 5.33vw;
    display: flex;
    flex-flow: column nowrap;
    align-items: center;

    i{
      font-size: 80px;
      font-size: 21.33vw;
      color: $color-private;
    }

    h1{
      margin-top: 15px;
      margin-top: 4vw;
      font-size: 20px;
      font-size: 5.33vw;
    }

    h2{
      margin: 0;
      margin-top: 15px;
      margin-top: 4vw;
      font-size: 14px;
      font-size: 3.73vw;
      color: #999999;

      &:last-child{
        margin-bottom: 40px;
        margin-bottom: 10.66vw;
      }
    }

    a, a:hover, a:focus, a:active{
      width: 100%;
      padding: 10px 0;
      padding: 2.66vw 0;
      font-size: 18px;
      font-size: 4.8vw;
      border-radius:10px;
      border-radius:2.66vw;
      text-align: center;
      margin-top: 15px;
      margin-top: 4vw;

      &.buy-more{
        border: 1px solid #64c879;
        background-color: #64c879;
        color: #fff;
      }

      &.back-order{
        border: 1px solid #e5e5e5;
        background-color: #f8f8f8;
        color: #222222;
      }
    }
  }

}
